<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>题目(3)[加强训练]</title>
</head>
<body>
    <div align="center">
        <!--定义表单 提交方式POST,提交地址为#-->
        <form  action="#" method="post" autocomplete="off">
            <!--定义table表格进行布局-->
            <table border="1px" cellspacing="10" cellpadding="10">
                <!--用户名输入框与对应的Label栏-->
                <tr>
                    <td>
                        <label for="username">用户名</label>
                    </td>
                    <td>
                        <input type="text" id="username">
                    </td>
                </tr>
                <!--密码输入框与对应的Label栏-->
                <tr>
                    <td>
                        <label for="password">密码</label>
                    </td>
                    <td>
                        <input type="password" id="password">
                    </td>
                </tr>
                <!--邮箱输入框与对应的Label栏-->
                <tr>
                    <td>
                        <label for="email">邮箱</label>
                    </td>
                    <td>
                        <input type="email" id="email">
                    </td>
                </tr>
                <!--手机号输入框与对应的Label栏-->
                <tr>
                    <td>
                        <label for="phoneNumber">手机号码</label>
                    </td>
                    <td>
                        <input type="tel" id="phoneNumber">
                    </td>
                </tr>
                <!--性别选择栏-->
                <tr>
                    <td>
                        <label>性别</label>
                    </td>
                    <td>
                        <input type="radio" name="gender" value="male">男
                        <input type="radio" name="gender" value="famale">女
                    </td>
                </tr>
                <!--学历选择栏与对应Label栏-->
                <tr>
                    <td>
                        <label for="edu">学历</label>
                    </td>
                    <td>
                        <select name="edu" id="edu">
                            <option>---请选择学历---</option>
                            <option>高中</option>
                            <option>专科</option>
                            <option>本科</option>
                            <option>硕士</option>
                            <option>博士</option>
                            <option>博士后</option>
                        </select>
                    </td>
                </tr>
                <!--开发方向选择栏-->
                <tr>
                    <td>
                        <label>开发方向</label>
                    </td>
                    <td>
                        <input type="checkbox" name="dev" value="java">JavaEE
                        <input type="checkbox" name="dev" value="python">Python
                        <input type="checkbox" name="dev" value="ui">UI/UE
                    </td>
                </tr>
                <!--自我介绍文本域-->
                <tr>
                    <td>
                        <label for="self">自我介绍(20字)</label>
                    </td>
                    <td>
                        <textarea id="self" cols="30" rows="5"></textarea>
                    </td>
                </tr>
                <!--生日选择框与对应Label栏-->
                <tr>
                    <td>
                        <label for="birthday">出生日期</label>
                    </td>
                    <td>
                        <input type="date" id="birthday" name="birthday">
                    </td>
                </tr>
                <!--验证码输入与对应Label栏-->
                <tr>
                    <td>
                        <label for="checkCode">验证码</label>
                    </td>
                    <td>
                        <input type="text" id="checkCode" name="checkCode">
                        <font size="15" color="red"><b>A 3 4 3</b></font>
                    </td>
                </tr>
                <!--提交/重置/返回按钮-->
                <tr>
                    <td colspan="2" align="center">
                        <input type="submit" value="提交">
                        <input type="reset" value="重置">
                        <input type="button" value="返回">
                    </td>
                </tr>
            </table>

        </form>
    </div>
</body>
</html>